html,
body {
    /* max-width: 1920px; */
    /* min-width: 1366px; */
    /* min-height: 747px; */
    /* max-height: 1080px; */
    width: 100%;
    height: 100%;
    position: relative;
}

.wrapper-content {
    padding: 0;
    width: 100%;
    min-width: 1366px;
    height: 100%;
    background: url(/img/smartsite/images/bg.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    position: relative;
}

.wrapper-content .title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #00fbff;
    font-size: 2.4em;
    font-weight: 700;
    position: relative;
    top: 0;
}

.wrapper-content .title img {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 440px;
}

.wrapper-content .title .loginout {
    display: inline-block;
    color: rgb(221, 221, 221);
    font-size: 16px;
    margin-top: -60px;
    margin-right: 20px;
    cursor: pointer;
}

/*============瀵艰埅鏍�=================*/
.t-navbar {
    margin: 0;
}

.t-navbar .tabs {
    height: 40px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
}

.t-navbar .tabs li {
    margin: 0 10px;
    display: inline-block;
    width: 100px;
    background: rgba(0, 235, 246, .2);
    list-style: none;
    line-height: 40px;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
}

.tabs li.active {
    background: rgba(0, 235, 246, .6);
}

.t-navbar .tabs li .mk {
    display: inline-block;
    width: 20%;
    height: 50px;
    position: absolute;
}

.t-navbar .tabs li .mk.mr {
    top: -12%;
    left: -4%;
    background: url(/img/smartsite/images/sy_mkz1.png) no-repeat;
}

.t-navbar .tabs li .mk.ml {
    top: -12%;
    right: -4%;
    background: url(/img/smartsite/images/Sy_mkz2.png) right center no-repeat;
}

/*=============================*/
/*============涓诲唴瀹�=================*/
.word-area {
    /* width: 100vw;
    height: calc(100vh - 120px);
    height: -webkit-calc(100vh - 120px);
    padding: 1% 2.6%; */
    width: 100%;
    height: calc(100vh - 120px);
    height: -webkit-calc(100vh - 120px);
    padding: 1% 2.6%;
}

.content {
    width: 100%;
    height: 100%;
    display: none;
}

.content.active {
    display: block;
}